var zIndex = 100;
$(function(){
	
	$('body').on('touchstart',function(ev){ ev.preventDefault(); });
	
	$('#popinfo').height($(window).height()); 
	
	$('.part1').on('touchstart',function(){
		$('.p1').removeClass('show').fadeOut(1000,function(){
			$('.p2').addClass('show').show();
		});
	});
	
	$('.part2').on('touchstart',function(){
		$('.p1').removeClass('show').fadeOut(1000,function(){
			$('.p3').addClass('show').show();
		});
	});
	
	$('.vBtn').on('touchstart',function(){
		$('.videobox').fadeIn();
		document.getElementById('video').play();
	});
	
	$('.videobox .closeBtn').on('touchstart',function(){
		document.getElementById('video').pause();
		$('.videobox').fadeOut();
	});
	
	$('.detialBtn').on('touchstart click',function(){
		var pid = $(this).attr('pid');
		$('.show').removeClass('show').fadeOut(function(){
			$('.'+pid).addClass('show');
			$('.'+pid).fadeIn();
			if(pid=='p7'){
				setTimeout(function(){ $('#markinfo').fadeIn(); },1000);
				var conf = {
					img_before: 'img/pic/1_1.jpg',
					img_after: 'img/pic/2_2.jpg',
				}
				$('#DoubleViewer').doubleviewer(conf);
			}
		});
	});
	 
	$('#markinfo').on('touchstart',function(){
		$('#markinfo').fadeOut();
	});
	
	$('.tabBar a').on('touchstart',function(){
		var tid = $(this).attr('d_id');
		var conf = {
			img_before: 'img/pic/'+tid+'_1.jpg',
			img_after: 'img/pic/'+tid+'_2.jpg',
			startPosition: .5
		}
		try{
			$('#cont').html('').append("<div id='DoubleViewer'></div>");
			$('#DoubleViewer').doubleviewer(conf);
			$(".cur", event.delegateTarget).removeClass("cur");
			$(this).addClass("cur"); 
		} catch (e) {
			
		}
	});
	
	$('#showinfoBtn').on('touchstart',function(){
		location.href = 'info.html';
	});
	$('#popinfo .close').on('touchstart',function(){
		$('#popinfo').fadeOut();
	});
	
	$('.partdb.fin>div').on('touchstart',function(){
		$(this).css('z-index',zIndex++);
	});
	
	var startY = 0;
	
 	document.addEventListener('touchstart',touch,false);
    document.addEventListener('touchmove',touch,false);
    document.addEventListener('touchend',touch,false);
    var isEnd = true;
	function touch (event){
        var event = event || window.event;
        var del = 0;  
        switch(event.type){
            case "touchstart":
            	startY = event.touches[0].clientY;  
            	console.log(startY);
            	isEnd = false;
                break;
            case "touchend":
            	//del = event.touches[0].clientY - startY;
                break;
            case "touchmove":
            	if(isEnd) return false;  
            	del = event.touches[0].clientY - startY;
            	console.log('startY:'+startY+' ==> Del:'+del);
            	if(del>150 && $('.page.show').attr('pre')){
            		var pid = $('.page.show').attr('pre'); 
            		$('.show').removeClass('show').fadeOut(function(){
						$('.'+pid).addClass('show');
						$('.'+pid).fadeIn();
						if(pid=='p7'){
							setTimeout(function(){ $('#markinfo').fadeIn(); },1000);
							var conf = {
								img_before: 'img/pic/1_1.jpg',
								img_after: 'img/pic/2_2.jpg',
							}
							$('#DoubleViewer').doubleviewer(conf);
						}
						setTimeout(function(){ isEnd = true; },1000);
					});
            		startY = 0;
				}else if(del<-150 && $('.page.show').attr('next')){
            		var pid = $('.page.show').attr('next'); 
            		$('.show').removeClass('show').fadeOut(function(){
						$('.'+pid).addClass('show');
						$('.'+pid).fadeIn();
						if(pid=='p7'){
							setTimeout(function(){ $('#markinfo').fadeIn(); },1000);
							var conf = {
								img_before: 'img/pic/1_1.jpg',
								img_after: 'img/pic/2_2.jpg',
							}
							$('#DoubleViewer').doubleviewer(conf);
						}
						setTimeout(function(){ isEnd = true; },1000);
					});
            		startY = 0;
				}
                break;
        }
        
    } 
	
	/*
	$('.point_down').on('touchstart',function(){
		var pid = $(this).attr('next');
		$('.show').removeClass('show').fadeOut(function(){
			$('.'+pid).addClass('show');
			$('.'+pid).fadeIn();
			if(pid=='p7'){
				setTimeout(function(){ $('#markinfo').fadeIn(); },1000);
				var conf = {
					img_before: 'img/pic/1_1.jpg',
					img_after: 'img/pic/2_2.jpg',
				}
				$('#DoubleViewer').doubleviewer(conf);
			}
		});
	});
	*/
	
	
});